<template>
  <div class="navi bg-dark" >


    <el-menu theme="dark" :router="true" :default-active="activeindex">

      <el-menu-item index="1" :route="{name:'产品管理'}">商品管理</el-menu-item>
      <el-menu-item index="5" :route="{name:'公共区商品'}">公共区商品</el-menu-item>
      <el-menu-item index="2" :route="{name:'订单管理'}">订单管理</el-menu-item>
      <el-menu-item index="3" :route="{name:'加盟商管理'}">加盟商管理</el-menu-item>
      <el-menu-item index="4" :route="{name:'品牌信息'}">品牌信息</el-menu-item> 
    </el-menu>
  </div>
</template>
<script>

  export default {
    name: "",
    data(){
      return {
        activeindex:""
      }
    },
    mounted(){
      if (this.$route.meta.routerindex){
        this.activeindex=this.$route.meta.routerindex;
      }
    }

  }
</script>
<style lang="less">
  .bg-dark {
    color: #a6a8b1 !important;
    background-color: #3a3f51;
  }
  .el-menu--dark{
    background: #2e3344 !important;
  }
  .navi {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background: #2e3344;
  }
  .el-menu--horizontal.el-menu--dark .el-submenu .el-menu-item.is-active, .el-menu-item.is-active{
    color: #fff !important;
    background: #212327;
  }
  .c-logo {
    text-align: center;
  }

  .line {
    width: 100%;
    height: 2px;
    margin: 10px 0 0px;
    overflow: hidden;
    font-size: 0;
  }

  .bg-dark .dk {
    background-color: #212327;
  }

</style>
